// -----------------  todoList 练习 ------------------------
// import React, { Component } from "react";
// import Header from "./components/Header";
// import Footer from "./components/Footer";
// import List from "./components/List";
// //引入样式
// // import "./App.css";
// //创建并暴露App组件
// export default class App extends Component {
//   //初始化状态
//   state = {
//     todos: [
//       {
//         id: "001",
//         done: true,
//         name: "睡觉",
//       },
//       {
//         id: "002",
//         done: false,
//         name: "敲代码",
//       },
//       {
//         id: "003",
//         done: true,
//         name: "吃饭",
//       },
//     ],
//   };
  
//   //全选
//   checkAllTodo = (done) => {
//     let { todos } = this.state;
//     let newTodos = todos.map((item) => {
//       return { ...item, done };
//     });
//     this.setState({
//       todos: newTodos,
//     });
//   };
//   //清除全选
//   clearDone = () => {
//     let { todos } = this.state;
//     let newTodos = todos.filter((item) => {
//       return !item.done;
//     });
//     this.setState({
//       todos: newTodos,
//     });
//   };

//   //addTodo用于添加一个todo,接收的参数是todo对象
//   addTodo = (todoObj) => {
//     //todoObj这个是header组件传过来的数据
 
//     //获取原来的todos
//     let { todos } = this.state;
//     //追加一个todo
//     let newTodo = [todoObj, ...todos];
//     //更新状态
//     this.setState({
//       todos: newTodo,
//     });
//   };
//   //更新指定id和状态
//   updateTodo = (id, done) => {
//    //获取状态中的数据
//     let { todos } = this.state;
//    //加工一下数组 把里面的指定项进行更新
//     let newTodos = todos.map((item) => {
//       if (item.id == id) return { ...item, done: done };
//       else return item;
//     });
//     //更新状态
//     this.setState({
//       todos: newTodos,
//     });
//   }

// //删除
// delTodo = (id) => {
//   let { todos } = this.state;
//   //删除指定id
//   let newTodos = todos.filter((item) => {
//     return item.id !== id;
//   });
//   //更新状态
//   this.setState({
//     todos: newTodos,
//   });

// }


  
//   render() {
//     let { todos } = this.state;
//     return (
//       <div className="todo-container">
//         <div className="todo-wrap">
//           <Header addTodo={this.addTodo}></Header>
//           <List
//             todos={todos}
//             updateTodo={this.updateTodo}
//             delTodo={this.delTodo}
//           />
//           <Footer
//             todos={todos}
//             checkAllTodo={this.checkAllTodo}
//             clearDone={this.clearDone}
//           />
//         </div>
//       </div>
//     );
//   }

// }


// -----------------  搜索练习 ------------------------
// 引入react核心库
// import React, { Component } from 'react'
// // 引入子组件
// import Search from './components/Search'
// import List from './components/List_S'
 
// export default class App extends Component {
 
//     render() {
 
//         return (
//             <div className="container">
//                 <Search />
//                 <List />
//             </div>
//         )
//     }

// }





// -------------------------- 路由练习 ----------------------

// import React, { Component } from 'react'
// import {Route,Switch,Redirect} from 'react-router-dom'
// import Home from './pages/Home' //Home是路由组件
// import About from './pages/About' //About是路由组件
// import Header from './pages/Header' //Header是一般组件
// import MyNavLink from './pages/MyNavLink'
// // import Show from './pages/Show'

// export default class App extends Component {
// 	render() {
// 		return (
// 			<div>
// 				<div className="row">
// 					<div className="col-xs-offset-2 col-xs-8">
// 						<Header/>
// 					</div>
// 				</div>
// 				<div className="row">
// 					<div className="col-xs-2 col-xs-offset-2">
// 						<div className="list-group">

// 							{/* 原生html中，靠<a>跳转不同的页面 */}
// 							{/* <a className="list-group-item" href="./about.html">About</a>
// 							<a className="list-group-item active" href="./home.html">Home</a> */}

// 							{/* 在React中靠路由链接实现切换组件--编写路由链接 */}
// 							<MyNavLink to="/about">About</MyNavLink>
// 							<MyNavLink to="/home">Home</MyNavLink>
// 							{/* <MyNavLink to="/show/hunter">Show</MyNavLink> */}
// 						</div>
// 					</div>
// 					<div className="col-xs-6">
// 						<div className="panel">
// 							<div className="panel-body">
// 								{/* 注册路由 */}
// 								<Switch>
// 									<Route path="/about" component={About}/>
// 									<Route path="/home" component={Home}/>
// 									{/* <Route path="/show" component={Show}/> */}
// 									<Redirect to="/about"/>
// 								</Switch>
//                                 {/* // 嵌套此标签则表示，匹配路由当匹配到之后便不再往下匹配，提高效率。 */}
// 							</div>
// 						</div>
// 					</div>
// 				</div>
// 			</div>
// 		)
// 	}
// }


// ----------------------------- redux精简版本 --------------------

import React, { Component } from 'react'
// 引入子组件
import Count from './pages/Count'
 
export default class App extends Component {
    render() {
        return (
                <Count />
        )
    }

}
